* {
    padding: 0%;
    margin: 0%;
}

.wk {
    width: 100%;
    height: auto;
    position: relative;
}

li {
    list-style: none;
}

.tp {
    position: absolute;
    left: 18%;
    opacity: 0;
    transition: all 2s;
}

.left,
.right {
    width: 30px;
    height: 80px;
    position: absolute;
    top: 75px;
}

.left {
    left: 18%;
}

.right {
    left: 80%;
}

.btn {
    border: solid black;
    border-radius: 50%;
    margin-left: 10px;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
}

.qq {
    position: absolute;
    left: 75%;
    top: 230px;
}

#qp {
    z-index: 6;
    cursor: pointer;
}

.tp:nth-child(1) {
    opacity: 1;
}